body { margin: 0; padding: 0;  font-family:Inter,Arial, 'Microsoft YaHei';  font-size: 12px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; }
 

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }


/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/


.max { width: 100%; height: auto; margin: 0 auto; overflow: hidden; }
 
.m_inc_center{width:100%;  max-width:1760px; display:block; margin:0 auto;  position:relative;  }


.m_headbg { width: 100%; height:80px; padding-bottom:12px; float:left; background:url(../images/bgc1.jpg) no-repeat left bottom; margin:0;   overflow: hidden; }
 
.m_logo{max-width:388px; float:left; margin:0% 1% 0 0;}

.m_logo  img{width:100%;}

.m_fanyi{ 
width: 46px;
height: 44px;
opacity: 1;
float:right;
margin:0px 0 0 10px;
padding: 12px 12px 12px 12px;
}


.m_fanyi a{width:100%; float:left;
font-size: 16px;
font-weight: 600;
letter-spacing: 0px;
line-height: 44px;
color: rgba(48, 48, 48, 1);
text-align:center;

}

.m_fanyi a:hover{ 
background: linear-gradient(120deg, #56a1fe 0%, #3eeeda 100%);
color:#fff;
}

.m_seabox{ 
width: 242px;
height: 44px;
float:right; margin:10px 0 0 20px;
opacity: 1;
border-radius: 9999px;
background: #FFFFFF; 
border: 1px solid #D9D9D9; 
border-radius:60px;
}

.m_seabox .inp1{width:180px; height:44px; float:left; background:transparent; padding-left:20px; border:none; border-radius:0px; font-size:16px; color:#B3B3B3; text-align:left; line-height:44px; font-weight:normal;  }


.m_seabox .inp2{width:40px; height:44px; float:left; background:transparent url(../images/sea1.png) no-repeat center center; background-size:16px; border:none; border-radius:0px; font-size:16px; color:#B3B3B3; text-align:center; line-height:44px; font-weight:normal; text-indent:-9999px;  border-top-right-radius:0px; border-bottom-right-radius:0px; cursor:pointer;  }



.m_navibox{ float:right; margin:0 2%; }

.m_navi{float:left;   }

.m_navi ul{float:left; }

.m_navi ul li{float:left; margin:20px 10px; }

.m_navi ul li a{float:left; padding:0 20px;  font-size: 16px;
font-weight: 600;
letter-spacing: 0px;
line-height: 36px;
color: rgba(30, 30, 30, 1);
text-align:center;
 }
.m_navi ul li a:hover,.m_navi ul li a.ahov{ 
border-radius: 8px;
background: rgba(245, 245, 245, 1);  
}
 

.m_banner{width:100%; float:left; padding-bottom:12px;  background:url(../images/bgc1.jpg) no-repeat left bottom;  position:relative; z-index:15; overflow:hidden;}



.s_banner{width:100%; float:left; margin-bottom:12px;  background:url(../images/bgc1.jpg) no-repeat left bottom;  position:relative; z-index:15; overflow:hidden;}

.s_banner img{width:100%; }



.b_banner{width:100%; float:left; margin-bottom:0px;  position:relative; z-index:15; overflow:hidden;}

.b_banner img{width:100%; }


.m_box{width:100%; float:left; margin:60px 0;}

.m_cokk{width:100%; float:left; margin:10px 0px; 
font-size: 20px;
font-weight: 400;
letter-spacing: 0px;
line-height: 24px;
color: rgba(117, 117, 117, 1); 
text-align:center;
 }

.m_cokk h3{width:100%; float:left; padding:0 0 10px 0; margin:0 0 10px 0; font-size: 24px;
font-weight: 600;
letter-spacing: -0.48px;
line-height: 30px;
color: rgba(30, 30, 30, 1);
text-align:center;
background:url(../images/bot1.png) no-repeat center 22px; 
}




#certify1 { position: relative; width: 100%; display: block; margin:0px 0px 0px 0px; }
#certify1 .swiper-container { padding:0px;  overflow: hidden; }
#certify1 .swiper-slide { width: 100%; padding:0px;  text-align: center; position:relative; z-index:10; overflow:hidden;  }

#certify1 .swiper-slide img{width:36px; float:left; margin:0 20px 20px 0;}


#certify1 .swiper-slide .slide_txt{width:86%; float:left; }


.slide_txt h3{width:100%; float:left; height:40px;
font-size: 24px;
font-weight: 600; 
line-height:40px;
color: rgba(30, 30, 30, 1);
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
 }


.slide_txt font{width:100%; float:left; height:60px; margin:10px 0;
font-size:16px;
font-weight:400; 
line-height:20px;
color: rgba(117, 117, 117, 1);
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
 }


.slide_txt h6{width:100%; float:left; height:30px;
font-size: 16px;
font-weight:400; 
line-height:30px;
color: rgba(30, 30, 30, 1);
text-align:left;  
text-transform:capitalize;
 }

#certify1 .swiper-slide:hover .slide_txt h3{color:#57a0ff;}


#certify1 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }
  

#certify1 .swiper-button-prev1 {z-index:30; text-indent: -9999px; top:35%; bottom: auto; left:-60px; width:50px; height:50px; background:#fff  url(../images/prev1.png) no-repeat center center; background-size:100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-prev1:hover {z-index:30; background:#fff  url(../images/prev2.png) no-repeat center center;  background-size:100% 100%; }

#certify1 .swiper-button-next1 {z-index:30; text-indent: -9999px; right: -60px;  top: 35%; bottom: auto;  width: 50px; height:50px; background:#fff  url(../images/next1.png) no-repeat center center;  background-size:100% 100%;  border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-next1:hover {z-index:30; background:#fff  url(../images/next2.png) no-repeat center center;  background-size:100% 100%; }



.m_service{width:100%; max-width:1600px; display:block; margin:0 auto; }


.m_servimgs{width:100%; float:left;  display:flex; align-items:center; justify-content:space-around; }


.m_servimgs dl{width:100%; float:left; }


.m_servimgs dl dd{width:23%;  float:left; 
 margin:2% 3% 1% 3%;
min-height: 288px;
opacity: 1;
border-radius: 24px;   
padding:3% 2%;   
  background: white;
  border: 2px solid transparent;
  border-radius: 29px;
  background-clip: padding-box;
  position: relative; 
text-align:center;
}

.m_servimgs dl dd::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  border-radius: 30px;
background: linear-gradient(126.4deg, #57a0ff 0%, #3cf8d6 100%);
}


.m_servimgs dl dd img.ming1{max-width:128px; display:block; margin:0 auto; }
.m_servimgs dl dd img.ming2{max-width:128px; display:none; margin:0 auto; }



.m_servimgs dl dd h3{width:100%; float:left; height:40px; margin:5% 0 3% 0;
font-size: 32px;
font-weight: 600; 
line-height:40px;
color: rgba(30, 30, 30, 1);
text-align:center;
text-overflow:ellipsis;
overflow:hidden;
 }


.m_servimgs dl dd font{width:100%; float:left; height:96px; margin:10px 0;
font-size:16px;
font-weight:400; 
line-height:24px;
color: rgba(117, 117, 117, 1);
text-align:center;
text-overflow:ellipsis;
overflow:hidden;
 }




.m_servimgs dl dd:hover{
background: linear-gradient(126.4deg, #57a0ff 0%, #3cf8d6 100%);}


.m_servimgs dl dd:hover img.ming1{max-width:128px; display:none; margin:0 auto; }
.m_servimgs dl dd:hover img.ming2{max-width:128px; display:block; margin:0 auto; }



.m_servimgs dl dd:hover h3{color:#fff; }

.m_servimgs dl dd:hover font{ color:#fff;  }


.m_guang{  
width: 100%;
height: auto;
float:left;
opacity: 1;
background: linear-gradient(126.4deg, rgba(87, 160, 255, 1) 0%, rgba(60, 248, 214, 1) 100%);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding:60px 0px;
}



.m_guang  h3{width:100%; float:left; height:auto; margin:3% 0 1% 0;
font-size: 48px;
font-weight: 700; 
line-height:60px;
color: rgba(30, 30, 30, 1);
letter-spacing:2px;
text-align:center;
text-overflow:ellipsis;
overflow:hidden;
 }


.m_guang font{width:100%; float:left; height:auto; margin:10px 0;
font-size:24px;
font-weight:600; 
line-height:30px;
color: rgba(0, 0, 0, 1);
text-align:center;
text-transform:uppercase;
 }


.m_about{max-width:1340px; display:block; margin:3% auto;  }

.m_about img{width:30%; max-width:360px; float:left;}

.m_about .m_abotxt{width:68%; float:right;  margin:0% 0 2% 0;
font-size:16px;
font-weight:400; 
line-height:24px;
color: rgba(0, 0, 0, 1);
text-align:left;  }


.m_about .m_abotxt h3{width:100%; float:left; height:auto; margin:0% 0 1% 0;
font-size: 24px;
font-weight: 600; 
line-height:40px;
color:#333; 
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
 }


.m_about .m_abotxt h4{width:100%; height:30px; float:left; height:auto; margin:0% 0 1% 0;
font-size: 20px;
font-weight: 400; 
line-height:30px;
color: rgba(117, 117, 117, 1); 
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
 }


.m_about .m_abotxt font{width:100%; float:left; height:auto; margin:0% 0 1% 0;
font-size:16px;
font-weight:400; 
line-height:24px;
color: rgba(30, 30, 30, 1); 
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
 }

 
 /*about*/

.s_company{max-width:1655px; display:block; margin:0 auto; padding:3% 0%; 
font-size: 24px;
font-weight: 400;
letter-spacing: 0px;
line-height: 48px;
color: #000;
text-align:left;

}
.s_company img{width:100%; display:block; margin:2% auto; }


.s_company_bt{width:100%; float:left; margin:0 0 2% 0; }

.s_company_bt  h3{width:40%; float:left;  
font-size: 64px;
font-weight: 400;
letter-spacing: 0px;
line-height:90px;
color:#000;
text-align:left;

}


.s_company_bt  font{width:51%; max-width:860px; float:right; margin:1% 2%;    
font-size: 24px;
font-weight: 400;
letter-spacing: 0px;
line-height: 34px;
color: #000;
text-align: center;

}



/* product */

.s_prod_bt{ width:100%; float:left; border-bottom:1px solid #b2b2b2;
font-size: 24px;
font-weight: 400;
letter-spacing: 0px;
line-height: 48px;
color: #000;
text-align:left;

}
.s_prod_bt ul{width:100%; float:left; display:flex; align-items:center; justify-content:center; text-align:center; }


.s_prod_bt ul li{ display:inline-block; margin:0 2%;   position:relative;  }


.s_prod_bt ul li a{float:left; position:relative;  }

.s_prod_bt ul li a  img{ width:32px; display:block; margin:2% auto; }

.s_prod_bt ul li a font{width:100%; height:60px; float:left;  
font-size: 24px;
font-weight: 600;
letter-spacing: 0px;
line-height: 60px;
color: #000;
text-align:center;  
position:relative;
}


.s_prod_bt ul li a font:before{  display:none;
width:100%; height:6px; float:left;
  content: '';
  position: absolute; 
  bottom: -6px;
  z-index: 1;
  border-radius: 0px;
background: linear-gradient(126.4deg, #57a0ff 0%, #3cf8d6 100%);}




.s_prod_bt ul li a:hover  font:before,.s_prod_bt ul li a.phover  font:before{ display:block;
width:100%; height:6px; float:left;
  content: '';
  position: absolute; 
  bottom: -6px;
  z-index: 1;
  border-radius: 0px;
background: linear-gradient(126.4deg, #57a0ff 0%, #3cf8d6 100%);}


.s_prod_center{max-width:1655px; display:block; margin:0 auto; }

.s_proshow{width:100%; float:left;  padding:3% 0%; 
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 24px;
color: #000;
text-align:left;

}

.s_proshow h3{width:100%; float:left; font-size: 48px; margin:0 0 2% 0;
font-weight: 700; 
line-height: 57px;
color: #000;
text-align:left;

}


.s_proshow h4{width:100%; float:left;  padding:1% 0%; 
font-size: 24px;
font-weight: 600;
letter-spacing: 0px;
line-height:34px;
color: #000;
text-align:left;

}

.s_proshow img{ max-width:100%; display:block; margin:2% auto; }


.s_proshow h5{width:100%; float:left;  padding:1% 0%; 
font-size: 20px;
font-weight: 600;
letter-spacing: 0px;
line-height:34px;
color: #000;
text-align:left;
letter-spacing:2.8px;
}

.s_proline{ 
width: 480px;
height: 1px; 
float:left;
margin:2% 0;
background: rgba(178, 178, 178, 1);
}


/*service*/

.s_service_center{max-width:1600px; display:block; margin:0 auto; }

.s_servshow{width:100%; float:left;  padding:3% 0%; 
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 24px;
color: #000;
text-align:left;

}

.s_servshow img{max-width:100%; display:block; margin:2% auto;}



.s_servshow h3{width:100%; float:left; font-size: 48px; margin:0 0 2% 0;
font-weight: 700; 
line-height: 57px;
color: #000;
text-align:left;

}


.s_servshow h4{width:100%; float:left;  padding:1% 0%; 
font-size: 24px;
font-weight: 600;
letter-spacing: 0px;
line-height:34px;
color: #000;
text-align:left;

}
 

.s_servshow h5{width:100%; float:left;  padding:1% 0%; 
font-size: 20px;
font-weight: 600;
letter-spacing: 0px;
line-height:34px;
color: #000;
text-align:left;
letter-spacing:2.8px;
}
 
/*contact*/


.s_conta_center{max-width:1520px; display:block; margin:0 auto; }




/*.s_contshow{width:100%; float:left; 
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: #000;
text-align:left;

}*/


.s_contshow{width:100%; float:left;  margin: 3% auto;  }


.s_cont_table{width:68%; float:left; }

.s_cont_table_bt{width:100%; float:left; font-size: 64px;
font-weight: 400;
letter-spacing: 0px;
line-height:90px;
color:#000; 
text-align:left;
}


.s_cont_table  h3{width:100%; float:left; margin:8% 0 3% 0;
}

.s_cont_table  h3 font{float:left; padding:0 3%; position:relative; 
 font-size: 24px;
font-weight: 400;
letter-spacing: 0px;
line-height:30px;
color:#000; 
text-align:left;}

.s_cont_table  h3 .line01{ 
width: 120px;
height: 1px;
float:left; 
position:relative; margin:12px 0 0 0;
z-index:1;
content:'';
opacity: 1;
background: rgba(51, 51, 51, .5);  

}


table.table1 {
	width: 100%;
    float:left;
	border-collapse:collapse;
}
table.table1 th {
    width:100%;
    height:40px;
    float:left;
    margin-top:10px;  
font-size: 24px;
font-weight: 700;
letter-spacing: 0px;
line-height: 40px;
color:#000;
text-align:left;
}
table.table1 td {
    width:100%;
    height:auto;
    float:left;
    margin-top:10px; 
}

.tabt1
{
    width:98%; padding-left:2%;
    height:60px;
    float:left;  
border-radius: 6px; background:#fff;
border: 1px solid rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 60px;
color:#000;
text-align:left;
  cursor:pointer; overflow:hidden;
}

.tabt2
{
    width:98%; padding-left:2%;
    height:240px;
    float:left;  
border-radius: 6px; background:#fff;
border: 1px solid rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 40px;
color:#000;
text-align:left;
  cursor:pointer; overflow:hidden;
}


.fasong{ 
width: 150px;
height: 60px;
float:left;  margin:4% 0 4% 0;
background:url(../images/but2.jpg) no-repeat center bottom;
border-radius:6px;
text-align:center;
border:none;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.fasong font{display:inline-block;  margin:0 20px 0 20px;
font-size: 24px;
font-weight:700;
letter-spacing: 0px;
line-height: 60px;
color:#fff;
text-align:left;

}

.fasong  img{width:24px; display:inline-block;   margin:0% 2% 0% 2%;  vertical-align:middle; }


.s_cont_ewm{width:32%; float:right;   }

.s_cont_ewm_img{width:120px; float:right;  }

.s_cont_ewm_img  img{width:100%;  }


.s_cont_tylist{width:72%; float:left; margin:2% 0 1% 0;}

.s_cont_tylist ul{width:100%; float:left; }

.s_cont_tylist ul li{width:100%; float:left;  margin:2% 0 1% 0%;  }


.s_cont_tylist ul li img{width:40px; float:left; margin:0 2% 0 0; }


.s_cont_tylist ul li font{
width:70%; height:auto; float:left;  margin:0 0 0 1%;
font-size: 24px;
font-weight:400;
letter-spacing: 0px;
line-height:40px;
color: rgba(0, 0, 0, 1);
text-align:left;
}

.s_cont_tylist ul li font a{color:#000;}














/*footer*/
.m_footer{ 
width: 100%;
height: auto;
opacity: 1;
background: #5A5A5A;
padding: 64px 10px 12px 10px;
overflow:hidden;
}

.m_foot_center{max-width:1200px; display:block; margin:0 auto;}

.m_foot_type{width:180px; float:left; margin:30px 3% 2% 3%; }


.m_foot_type_img{width:100%; float:left;}


.m_foot_type_img img{width:100%; max-width:140px; display:block; margin:0;}


.m_foot_type_img h3{
width:100%; height:40px; float:left;  margin:0 0 20px 0;
font-size: 32px;
font-weight:500;
letter-spacing: 0px;
line-height:40px;
color: rgba(255, 255, 255, 1);
vertical-align: top;
}


.m_foot_tylist{width:100%; max-width:180px; float:left; margin:3% 0 1% 0;}

.m_foot_tylist ul{width:100%; float:left; }

.m_foot_tylist ul li{width:100%; float:left;  margin:2% 0 5% 0%; }


.m_foot_tylist ul li img{width:30px; float:left; }


.m_foot_tylist ul li font{
width:70%; height:auto; float:left;  margin:0 0 0 5%;
font-size: 16px;
font-weight:400;
letter-spacing: 0px;
line-height:30px;
color: rgba(255, 255, 255, 1);
text-align:left;
}

.m_foot_tylist ul li font a{color:#fff;}




.m_fnavi {width: 70%; max-width: 800px; float: right; margin:1% -3% 20px 0; }

.m_fnavi ul { width: 100%; float: left; }

.m_fnavi ul li { width: 22%; float: left; margin: 20px 0 20px 3%; }


.m_fnavi ul li h3 { width: 100%; float: left; height:40px; margin: 0 0 20px 0;  font-size: 32px; color: #fff; text-align: left; line-height: 40px; font-weight:400; text-indent: 0px; }


.m_fnavi ul li dl { width: 100%; float: left; }

.m_fnavi ul li dl dd { width: 100%; height: 40px; float: left; margin:1% 0 3% 0; }

.m_fnavi ul li dl dd a { width: 100%; height: 40px; float: left; font-family: SourceHanSansSC-Medium; font-size: 16px; color: #fff; text-align: left; line-height:20px; font-weight: normal; display:-webkit-box;   -webkit-line-clamp:2; -webkit-box-orient:vertical;  text-indent: 0px; overflow: hidden; }




.m_foot_bot { width: 100%; height: auto; float: left; padding:10px 0; font-size: 16px; color: #fff; text-align: center; line-height:24px; font-weight: normal;  }

.m_foot_bot a{color:#fff;}


.web{display:block;}

.mobile{display:none;}